<template>
  <h1>重新写一遍今天的代码</h1>
  <p>{{info}}</p>
  <h3>{{info}}</h3>
  {{info+'早上好'}}
  <hr>
  <p>{{count}}</p>
  <button @click="f2">计数器</button>
</template>



<script setup>

import {ref} from "vue";
//定义响应式变量
const info = ref('我是威哥')
//定义箭头函数
const f = () =>{

  console.log(info.value);
}
//3添加一个新的响应式变量 count，初始值为0

const count = ref(0);

const  f2 = () =>{
  count.value++;
}
</script>


<style scoped>

</style>